<template>
  <div id="app">
    <div >
      <header-bar style="background: royalblue"/>

      <el-container >
        <left-side-bar style="background: darkblue"/>
        <router-view/>
      </el-container>
    </div>

  </div>
</template>

<style>



</style>
<script>

  import HeaderBar from "./components/content/header_bar/HeaderBar";
  import LeftSideBar from "./components/content/left_side_bar/LeftSideBar";
  export default {
    components: {
      LeftSideBar,
      HeaderBar,

    }
  }

</script>

<style>
  #app {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
  }
</style>